body{
	padding:0;
	margin:0;
	color:#0f0f0f;
	overflow-x: hidden;
	font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif; 
}

td,th {border: 1px solid #ebebeb;}
table {width:100%;border: thin solid black;border-collapse: collapse;}

/*-------------------------------------------------------------------------------------------------------------------------------------------homecss---------------------------------------------------------------------------------------------*/

.cont_tit{width:auto;margin:0 auto;height:auto;overflow:hidden;padding:0 0 0 0;}
.cont_tit h1{font-size:32px;color: #444;margin:50px 0 8px 0;background:url(../images/hon.png) no-repeat center bottom;padding-top:10px;padding-bottom:12px;text-align:center; font-weight:normal;font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif; letter-spacing:1px;}
.cont_tit span{display: block;margin: 0px 0 20px 0;font-size: 15px;color: #888;line-height:170%;text-align:center;}

.cont_tit1{width:auto;margin:0 auto;height:auto;overflow:hidden;padding:0 0 0 0;}
.cont_tit1 h1{font-size:32px;color: #444;margin:30px 0 8px 0;background:url(../images/hon.png) no-repeat center bottom;padding-top:10px;padding-bottom:12px;text-align:center; font-weight:normal;font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif; letter-spacing:1px;}
.cont_tit1 span{display: block;margin: 0px 0 20px 0;font-size: 15px;color: #888;line-height:170%;text-align:center;}


.inpro{width:1202px;margin:0 auto;height:auto;overflow:hidden;}
.inpro li{float:left;width:278px;height:auto;overflow:hidden;margin:0 30px 0 0;}
.inpro  li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.inpro  li .pro_pic img{width:100%;height:285px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.inpro  li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.inpro li:last-child{margin-right:0px;}


.about_box{width:100%;background:url(../images/abobox.jpg) no-repeat;height:657px;margin:80px 0 50px 0;}

.about{width:750px;margin:0 auto;height:auto;line-height:220%;font-size:12px;color:#333; font-family:Arial, Helvetica, sans-serif}

.abo_lst{width:1500px;height:auto;overflow:hidden;margin:0 auto;}
.abo_rt{float:right;width:873px;height:auto;overflow:hidden;padding:100px 0 0 0;}
.abo_lt{float:left;width:auto;height:auto;overflow:hidden;}
.abo_logo{width:auto;height:auto;text-align:center;padding-top:250px;}
.abo_logo p{font-size:24px;color:#fff;padding-top:25px; letter-spacing:2px;font-weight:normal;}
.abo_rt_box{width:873px;height:458px;background:url(../images/z_h_01.png) no-repeat;overflow:hidden;}
.abo_rt_box .conn{width:740px;height:auto;overflow:hidden;margin:93px 0 0 55px;}

.abo_title{font-size:28px;color:#C00; letter-spacing:0px;}
.abo_con{width:auto;font-size:16px;line-height:160%;color:#666;padding:30px 0 0 0;}

@media (max-width: 1400px) {
.about_box{background:url(../images/abobox1.jpg) no-repeat;}
.abo_lst{width:1280px;margin:0 auto;height:auto;overflow:hidden; clear:both}
}

@media (max-width: 1200px) {
.about_box{background:#0952b8;}
.abo_lst{width:1250px;margin:0 auto;height:auto;overflow:hidden; clear:both}
}
@media (max-width: 768px) {
.inpro{width:auto;overflow:hidden;}
.inpro li{float:left;width:calc(50% - 10px);height:auto;overflow:hidden;margin:0 5px 10px 5px;}
.inpro  li .pro_pic img{width:100%;height:auto;}
.inpro li:last-child{margin-right:0px;}

.about_box{overflow:hidden;margin-bottom:10px;}
.abo_lst{width:auto;height:auto;overflow:hidden;}
.abo_rt{width:100%;height:auto;overflow:hidden;padding:20px 0 0 0;}
.abo_lt{width:100%;height:auto;overflow:hidden;}
.abo_logo{padding-top:40px;}
.abo_logo img{width:50%;height:auto;}
.abo_logo p{font-size:18px;;}
.abo_rt_box{width:auto;height:auto;background:#0952b8;overflow:hidden;padding:0 8px;}
.abo_rt_box .conn{width:100%;height:auto;overflow:hidden;margin:0 0 0 0;}
.abo_title{font-size:20px;color:#fff; letter-spacing:0px;}
.abo_con{width:auto;font-size:16px;line-height:150%;color:#fff;padding:30px 0 40px 0;}
}



.inxinw{width:1200px;margin:70px auto 50px auto;height:auto;overflow:hidden;}
.inxw_lt_list{float:left;width:581px;height:auto;overflow:hidden;}
.inxw_lt_list ul{width:581px;height:354px;overflow:hidden;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:5px solid #0457c8;padding:25px 0 36px 0;}
.inxw_lt_list ul li{width:532px;line-height:40px;border-bottom:1px dashed #c5c5c5;margin:0 auto;overflow:hidden;font-size:15px;}
.inxw_lt_list ul li i{float:left;width:9px;height:9px;background:url(../images/zwy_02.jpg) no-repeat;margin:16px 8px 0 5px;}
.inxw_lt_list ul li span{float:right;font-size:12px;color:#888;padding-right:5px;}
.inxw_lt_list ul li a{display:block;color:#666;}

.inxw_rt_list{float:right;width:581px;height:auto;overflow:hidden;}
.inxw_rt_list ul{width:581px;height:354px;overflow:hidden;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:5px solid #f39347;padding:20px 0;}
.inxw_rt_list ul li{width:532px;line-height:40px;border-bottom:1px dashed #c5c5c5;margin:0 auto;overflow:hidden;font-size:15px;}
.inxw_rt_list ul li i{float:left;width:9px;height:9px;background:url(../images/zwy_02.jpg) no-repeat;margin:16px 8px 0 5px;}
.inxw_rt_list ul li span{float:right;font-size:12px;color:#888;padding-right:5px;}
.inxw_rt_list ul li a{display:block;color:#666;}

.inxw_title{width:auto;height:auto;font-size:24px;color:#444;padding:0 0 12px 0;}
.inxw_title i{float:left;width:5px;height:24px;background:#0457c8;margin:3px 8px 0 0;}
.inxw_title span{float:right;width:50px;line-height:22px;border:1px solid #ddd; border-radius:6px;font-size:12px;text-align:center; font-family:Arial, Helvetica, sans-serif;margin-top:3px;}
.inxw_title a{color:#777;display:block;}

.inxw_title1{width:auto;height:auto;font-size:24px;color:#444;padding:0 0 12px 0;}
.inxw_title1 i{float:left;width:5px;height:24px;background:#f39347;margin:3px 8px 0 0;}
.inxw_title1 span{float:right;width:50px;line-height:22px;border:1px solid #ddd; border-radius:6px;font-size:12px;text-align:center; font-family:Arial, Helvetica, sans-serif;margin-top:3px;}
.inxw_title1 a{color:#777;display:block;}


.w1200{margin:0 auto;width:1200px;}

@media (max-width: 768px) {
.inxinw{width:auto;margin:30px auto 30px auto;height:auto;overflow:hidden;}
.inxw_lt_list{width:1005;height:auto;overflow:hidden;}
.inxw_rt_list{width:100%;height:auto;overflow:hidden;padding-top:20px;}
}
/*-------------------------------------------------------------------------------------------------------------------------------------indexend-----------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------neiyecss--------------------------------------------------------------------------------------------------------------*/
.con_nav{margin:50px auto 30px auto;text-align:center;width:1200px;}
.con_nav  li{display:inline-block;width:150px;height:50px;line-height:50px;font-size:16px;text-align:center;margin:0 10px 0 0;overflow:hidden;background:#f0f0f0;}
.con_nav  li a{color:#666;transition:all 0.3s ease;}
.con_nav  li a::after{content:"";display:block;width:0px;height:100%;background:#0096ff;margin-top:-50px;transition:all 0.3s ease;}
.con_nav  li a:hover{color:#fff;}
.con_nav  li a:hover::after{width:100%;}
.con_nav  li.leftconli{ background:#0096ff;}
.con_nav  li.leftconli a{ color:#fff;}



.about{width:1200px;margin:50px auto;height:auto;overflow:hidden;font-size:16px;color:#444;line-height:160%; min-height:500px;}

.qyhj{width:1200px;height:auto;overflow:hidden;margin:50px auto 50px auto;}
.qyhj li{float:left;width:285px;margin:0 20px 20px 0;height:auto;overflow:hidden;}
.qyhj li .pic{width:100%;height:auto; overflow:hidden;}
.qyhj li .pic img{width:100%;height:220px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s}
.qyhj li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.qyhj li:nth-child(4n){margin-right:0px;}

.honor{width:1200px;height:auto;overflow:hidden;margin:50px auto 50px auto;}
.honor li{float:left;width:285px;margin:0 20px 20px 0;height:auto;overflow:hidden;}
.honor li .pic{width:100%;height:auto; overflow:hidden;}
.honor li .pic img{width:100%;height:370px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s}
.honor li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.honor li:nth-child(4n){margin-right:0px;}





@media (max-width: 768px) {
.about{width:auto;padding:0 8px;font-size:16px;}
.qyhj{width:auto;padding:0 8px;margin:30px auto 20px auto}
.qyhj li{width:calc(50% - 10px);margin:0 5px 10px 5px;}
.honor{width:auto;padding:0 8px;margin:30px auto 20px auto}
.honor li{width:calc(50% - 10px);margin:0 5px 10px 5px;}
.honor li .pic img{height:270px;}
}

/*-----------product-----------*/



.ProList{ width:1200px; height:auto;margin:50px auto 50px auto;overflow:hidden; min-height:450px;}
.ProList li{ width:283px; float:left;  margin:0px 20px 20px 0px; overflow:hidden;border:1px solid #e2e2e2;position: relative;height:auto;}
.ProList li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.ProList li .pro_pic img{width:100%;height:283px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ProList li .pro_txt{color:#666;font-size:15px;padding:10px 10px 15px 10px;line-height:130%;text-align:center;}
.ProList li:nth-child(4n){margin-right:0px;}
.ProList li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.ProList li a:hover .pro_txt{color:#f39346;}
.ProList li:after {width: 0px;height: 3px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#f39346 ;transition: all .3s linear;}
.ProList li:hover:after{width: 100%;}

@media screen and (max-width:768px){
.ProList{width:100%;padding:0 0;margin:0px 0 0 0;}	
.ProList li{width:calc(49% - 10px);margin:0 5px 12px 5px;height:auto}
.ProList li .pro_pic img{width:100%;height:170px;}
.ProList li .pro_txt{font-size:15px;padding:10px 0 10px 0;}
.ProList li .pro_txt p{font-size:12px;}
.ProList li:nth-child(2n){margin-right:0px;}
}



.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:400px;height:400px;border:1px solid #DFDFDF;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:10px;height:10px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:400px;height:400px;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:64px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:64px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;margin-right:4px;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:64px;height:64px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

/*-----------------pic show--------*/

 @media (max-width: 768px) {
.jqzoom img{width:100%;height:auto;}
.spec-preview{width:100%;height:auto;}
.spec-scroll .items{margin-top:8px;}	
}
.pro_tion{width:1200px;height:auto;overflow:hidden;margin:50px auto 30px auto;}
.pro_tion .pr_lt{float:left;width:402px;text-align:center;height:auto;overflow:hidden;}

.pro_tion .pr_rt{float:right;width:760px;height:auto;overflow:hidden;}


.pr_rt_title{font-size:28px;color:#0e62af;padding:10px 0px 20px 0;}

.pr_rt_sx{width:760px;height:auto;overflow:hidden;margin-top:30px;}
.pr_rt_sx ul{float:left;width:558px;height:auto;overflow:hidden;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;}
.pr_rt_sx ul li{float:left;width:278px;line-height:45px;font-size:15px;color:#777;border-bottom:1px solid #e0e0e0;}
.pr_rt_sx ul li i{float:left;width:6px;height:6px;background:url(../images/zh_p_20.png) no-repeat;margin:19px 10px 0 15px;}




.pr_rt_nav{float:right;width:160px;height:auto;overflow:hidden;}
.pr_rt_nav dt{float:left;width:160px;margin:0 0 9px 0;overflow:hidden;height:42px;}
.pr_rt_nav dt .I1{background:#f39346;color:#fff;overflow:hidden;line-height:42px;text-align:center;font-size:16px;font-weight:normal;}
.pr_rt_nav dt .I2{width:auto;border:2px solid #06C;line-height:38px;text-align:center;font-size:16px;font-weight:normal;}

.pr_rt_nav dt a{display:block;}
.pr_rt_nav dt .I1:hover {background: #ed7311;}
.pr_rt_nav dt .I2:hover {background: #06C;color:#fff;}



.pr_rt_js{width:auto;font-size:14px;line-height:160%;padding:10px 15px;color:#777; background:#f9f9f9;border:1px solid #ecebeb;color:#999;}





.pro_con{width:1200px;margin:0 auto;height:auto;overflow:hidden;}
.pro_con .lt{float:left;width:950px;height:auto;overflow:hidden;}
.pro_con .rt{float:right;width:210px;height:auto;overflow:hidden;border:1px solid #eceaea;padding:5px 0 20px 0;}

.pro_info{width:auto;margin:0 auto;line-height:165%;padding:15px 8px 25px 8px;font-size:15px;color:#666; min-height:300px;overflow:hidden;height:auto;}
.pro_info img{ max-width:900px;clear:both;}

.pro_info_txt{width:auto;height:auto;background:#f9f9f9;margin:0 auto 10px auto;overflow:hidden;}
.pro_info_txt span{background:#0955c7;color:#fff;width:120px;line-height:42px;display:block;text-align:center;}

.cp_rt_tit{width:auto;font-size:18px;color:#333;padding:15px 0 10px 0; font-weight:500;}

.cp_rt_nav{width:180px;margin:0 auto;height:auto;overflow:hidden;}
.cp_rt_nav li{width:auto;text-align:center;line-height:38px;background:#f6f6f6;margin-bottom:5px;}
.cp_rt_nav li a{display:block;font-size:15px;color:#555;}
.cp_rt_nav li a:hover{background:#0162c8;color:#fff;}
.cp_rt_nav li .cur{background:#0162c8;color:#fff;}

.cp_rt_pro{width:170px;margin:0 auto ;height:auto;overflow:hidden;}
.cp_rt_pro li{float:left;width:168px;height:auto;overflow:hidden;margin-bottom:8px;border:1px solid #eceaea;}
.cp_rt_pro li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.cp_rt_pro li .pro_pic img{width:100%;height:168px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.cp_rt_pro li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.xg_pro_title{width:1200px;margin:0 auto;height:auto;font-size:20px;color:#444;padding:0 0 0 0;}
.xg_pro_title i{float:left;width:5px;height:20px;background:#1258b8;margin:5px 10px 0 3px;}

.xg_pro{ width:1198px;height:auto;margin:20px auto 40px auto;overflow:hidden;}
.xg_pro li{ width:183px; float:left;  margin:0px 20px 0 0;overflow:hidden;border:1px solid #e2e2e2;height:auto;}
.xg_pro li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.xg_pro li .pro_pic img{width:100%;height:181px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.xg_pro li .title{color:#777;font-size:13px;padding:15px 10px 15px 10px;line-height:130%;text-align:center;}
.xg_pro li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.xg_pro li a:hover .title{color:#c80d0d;}
.xg_pro li:last-child{margin-right:0px;}

.xg_new_title{width:1200px;margin:0 auto;height:auto;font-size:20px;color:#444;padding:0 0 15px 0;}
.xg_new_title i{float:left;width:5px;height:20px;background:#1258b8;margin:5px 10px 0 3px;}

.xg_news{width:1198px;height:auto;overflow:hidden;margin:0px auto 50px auto;border:1px solid #eee;padding:25px 0 15px 0;}
.xg_news ul{width:1120px;margin:0 auto;height:auto;overflow:hidden;}
.xg_news ul li{float:left;width:500px;height:30px;line-height:30px;overflow:hidden;font-size:14px;margin:0 120px 0 0;}
.xg_news ul li:nth-child(2n){margin-right:0px;}
.xg_news ul li span{float:right;font-size:12px;color:#888;}
.xg_news ul li i{float:left;width:9px;height:9px;background:url(../images/zh_p_20.png) no-repeat;margin:11px 8px 0 0;}
.xg_news ul li a{color:#666;}
.xg_news ul li a:hover{color:#ca0a0a;}


 @media (max-width: 768px) 
{
.pr_rt_js{font-size:16px;line-height:170%;padding:8px 8px;}
.pro_tion{width:auto;padding:0 8px 12px 8px;margin:0 0 0 0;height:auto;overflow:hidden;}
.pro_tion .pr_lt{width:auto;margin:0 0;padding:0 0}
.pro_tion .pr_rt{width:100%;margin-top:20px;padding:0 0;height:auto;overflow:hidden;}

.pr_rt_title{width:auto;padding:4px 0 4px 0;}
.pr_rt_sx{width:100%;margin:0 auto;padding:10px 0}
.pr_rt_sx li{margin-bottom:8px;}

.pro_info{width:auto;padding:0 10px;}
.pro_info img{width:100%;max-width:100%;}
.pro_info_txt{width:auto;padding:0 0;}

.pro_con{width:auto;padding:0 8px;}
.pro_con .lt{width:auto;}
.pro_con .rt{display:none;}

.pr_rt_sx{width:auto;}
.pr_rt_sx ul{width:auto;}
.pr_rt_sx ul li{width:50%;margin:0 0 0 0;}
.pr_rt_sx ul li i{margin:15px 5px 0 10px;}
.pr_rt_nav{width:100%;height:auto;overflow:hidden;padding:0 0;display:block;margin-top:10px;}
.pr_rt_nav dt{width:calc(50% - 4px);margin:0 2px 0 2px;}

.xg_pro{display:none;}
.xg_news{display:none;}
}

/*-----------product end------------*/

/*--------------news------------*/

.xinw{width:1200px;height:auto;overflow:hidden;margin:50px auto 30px auto;}
.xinw .lt{float:left;width:950px;height:auto;overflow:hidden;border:1px solid #eceaea;padding:0 0 10px 0;}
.xinw .rt{float:right;width:210px;height:auto;overflow:auto;padding:0 0 0 0;}

.xinw_nav{width:210px;margin:0 auto;height:auto;overflow:hidden;border:1px solid #eceaea;padding:25px 0 18px 0;}
.xinw_nav ul{width:170px;margin:0 auto;height:auto;overflow:hidden;}
.xinw_nav ul li{float:left;width:100%;text-align:center;line-height:40px;background:#f6f6f6;margin:0 0 6px 0;}
.xinw_nav ul li a{display:block;font-size:15px;color:#666;}
.xinw_nav ul li a:hover{background:#0162c8;color:#fff;}
.xw_nav_tit{width:auto;font-size:16px;color:#fff;padding:8px 0 8px 15px;background:#1258b8;}

.xinw_hot{width:210px;height:auto;margin:0 auto;overflow:hidden;border:1px solid #eceaea;background:#fafafa; min-height:200px;padding:25px 0 18px 0;}
.xinw_hot ul{width:170px;margin:0 auto;height:auto;overflow:hidden;}
.xinw_hot ul li{float:left;width:100%;line-height:40px;margin:0 0 6px 0;;}
.xinw_hot ul li a{display:block;font-size:15px;color:#666;padding:0 0 0 15px}
.xinw_hot ul li a:hover{background:#0162c8;color:#fff;}
.xw_hot_tit{width:auto;font-size:16px;color:#fff;padding:8px 0 8px 15px;background:#f39346;margin-top:15px;}

.xinw_tit{font-size:26px;text-align:center;padding:20px 0 20px 0;width:97%;overflow:hidden;width:auto;margin-top:15px;}
.xinw_dtm{width:94%; text-align:center; padding:0 0 0px 0; font-size:13px; color:#555;line-height:40px;background:#f7f7f7;margin:0 auto;}

.xinw_info{ line-height:160%;padding:30px 30px;font-size:15px;color:#444;min-height:615px;width:auto;}
.xinw_info a{color:#009d85;}
.xinw_info b{font-size:18px;color:#eb3e00;}
.xinw_info img{ width:600px;height:auto;text-align:center;}

.newsList{ width:1200px;height:auto;overflow:hidden;margin:50px auto 50px auto; min-height:400px;}
.newsList li{float:left;width:1198px;height:auto;overflow:hidden;background:#fbfbfb;padding:20px 0;border:1px solid #f2f2f2;margin:0 0 15px 0;}
.newsList li .tm{float:left;width:200px;height:auto;overflow:hidden;margin-left:20px;}
.newsList li .tm img{width:100%;height:125px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.newsList li .con{float:right;width:930px;height:auto;overflow:hidden;margin-right:20px;}
.newsList li .new_title{width:auto;padding:0 0 10px 0;font-size:20px;color:#333;}
.newsList li .new_title p{font-size:14px;color:#777;line-height:150%;padding-top:5px;}
.newsList li .new_more{width:80px;height:30px;line-height:30px;font-size:14px;color:#666;background:#fff;text-align:center;margin-top:10px;}
.newsList li:hover .tm img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.newsList li:hover .new_title{color:#e42e01;}
.newsList li:hover{border:1px solid #e42e01;}
.newsList li:hover .new_more{color:#fff;background:#494949;}

.ff_pre{ clear:both; padding:16px 0 0 0;color:#333;}
.ff_pre a{color:#245cca;font-size:14px;}
.ff_pre a:hover{color:#C00}
.ff_next{ clear:both; padding:0 0 10px 0;color:#333;}
.ff_next a{color:#245cca;font-size:14px;}
.ff_next a:hover{color:#C00}
.ns_pn{ clear:both; padding:0px 0 10px 0; line-height:26px;font-size:14px;width:94%;margin:0 auto;}

@media (max-width: 768px) {
.xinw{width:auto;padding:0 8px;}
.xinw .lt{width:auto;}
.xinw .rt{display:none;}
	
.xinw_tit{width:auto;text-align:center;font-size:20px;}
.xinw_info{padding:20px 8px 0 8px;width:auto;margin:0 auto;height:auto;overflow:hidden;font-size:16px;line-height:170%;}

.newsList{width:auto;padding:0 8px; margin:20px auto 30px auto;}
.newsList li{width:100%;}
.newsList li .tm{display:none;}
.newsList li .con{float:left;width:100%;height:auto;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-overflow:ellipsis;margin:0 auto;}
.newsList li .new_title{padding:0 8px;width:auto;height:auto;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.ns_pn{width:auto;}
}

/*--------------news-----------------*/

/*-----lxfs-----------*/


.lxwm{width:1200px;overflow:hidden;height:auto;margin:80px auto 80px auto;}
.lxwm .lt{float:left;width:500px;height:auto;overflow:hidden;font-size:18px;color:#555;line-height:180%;margin-left:30px;}
.lxwm .rt{float:right;width:660px;height:auto;overflow:hidden;border:1px solid #f3f3f3;background:#f3f3f3; min-height:300px;}


.btm_tit{ color:#333; font-size:26px; line-height:1; padding:50px 0 25px 0;}
.btm_tit p{font-size:14px;color:#888;padding-top:12px;line-height:160%;}

.in_btm{width:560px;height:auto;overflow:hidden;margin:0 auto;padding:0 0 20px 0;}
.in_btm .box{ clear:both; overflow:hidden; margin-bottom:19px;}
.in_btm .txt{ width:560px; height:31px; line-height:31px; padding:0 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:14px;}
.in_btm .t_1{ float:left;}
.in_btm .t_2{ float:right;}
.in_btm .area{ width:calc(100% - 0px); height:80px; line-height:20px; padding:5px 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:14px;font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif; }
.in_btm .btn{ float:left; width:92px;text-align:center; background-color:#2bafee; color:#FFF; border-radius:5px; border:0; font-size:15px;overflow:hidden;line-height:28px;}
.in_btm .btn a:hover{color:#fff;}

.lxwm_con{font-size:18px;color:#333;line-height:160%;}
@media (max-width: 768px) {
.lxwm{width:auto;padding:0 4px;height:auto;margin-top:40px;}
.lxwm .lt{width:auto;}
.lxwm .rt{display:none}

}

/*------lxfs------------*/


/*-------------------------------------------------------------------------------------------------------------------------------------------------neiyecss end----------------------------------------------------------------------------------------------------------*/

.foot{ width:100%;background:#0b0d19; padding:80px 0 20px 0;height:auto;overflow:hidden;}


.ft_title{width:auto;height:auto;overflow:hidden;padding:0 0 30px 0;}
.ft_title h1{font-size: 20px;color: #ced2d7;margin:0 0 0 0;background:url(../images/hon2.png) no-repeat left bottom;padding:10px 0 10px 0;font-weight:normal;}


.ft_prod{float:left;width:360px;height:auto;overflow:hidden;margin-right:30px;}
.ft_prod li{float:left;width:120px;font-size:14px;color:#ced2d7;line-height:30px;}
.ft_prod li a{display:block;color:#ced2d7;}


.ft_lxfs{float:left;width:400px;height:auto;font-size:14px;color:#fff;margin-right:0;}
.ft_lxfs b{border-bottom:2px solid #feb20e; font-weight:normal;padding-bottom:8px;}
.ft_lxfs p{font-size:14px;line-height:160%;color:#ced2d7;padding-top:0;}

.ft_ewm{float:right;width:340px;height:auto;}
.ft_ewm li{float:left;width:100px;height:auto;margin:0 20px 0 0;}
.ft_ewm li img{width:100%;height:auto;}
.ft_ewm li p{text-align:center;font-size:13px;color:#ced2d7;padding-top:6px;}
.ft_ewm li:last-child{margin-right:0px;}





.yq_link{width:100%;font-size:12px;color:#ced2d7; margin:0 auto;line-height:170%;height:auto;overflow:hidden;padding-top:40px;}
.yq_link a{color:#ced2d7;padding-right:5px;}
.yq_link a:hover{color:#ced2d7;}


@media (max-width: 768px) {
.foot{padding:30px 0;margin-top:50px;}
.ft_prod{display:none}
.ft_lxfs{display:none}
.yq_link{display:none;}
.ft_ewm{float:left;width:auto;height:auto;overflow:hidden;padding:0 8px;margin:0 auto;}
.ft_ewm li{width:calc(50% - 4px);margin:0 2px 0 2px;text-align:center;}
.ft_ewm li img{width:120px;height:auto;}
.ft_ewm li p{padding:6px 0;}
}

.copy{width:100%;text-align:center;color:#ced2d7;font-size:13px; padding:15px 0 15px 0;line-height:170%;background:#0b0d19;}
.copy a{color:#ced2d7;}
.copy a:hover{color:#ced2d7;}

@media (max-width: 768px) {
.copy{width:auto;line-height:140%;padding:0 20px 10px 20px;font-size:13px;margin-bottom:0px;margin-top:0; clear:both;}
}





/*** 

====================================================================
                        Home-Page-One
====================================================================

***/

/** main-header **/

.main-header{
  position:relative;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  left:0px;
  top:0px;
  width:100%;
  z-index:0;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.main-header.style-one .header-lower{
  position: relative;
  width: 100%;
}

.main-header.style-one .outer-box{
  position: relative;
  padding-left: 100px;
}

.main-header.style-one .logo-box{
  position: relative;
  display: flex;
  padding: 25px 0px 0px 0px;
}

.main-header.style-one .logo-box .logo{
  position: relative;
  display: inline-block;
  max-width: 240px;
  margin-right: 20px;
}

.main-header.style-one .header-lower .logo-box .logo img{
  width:auto;height:50px;
}

.main-header.style-one .logo-box p{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 5px;padding-top:20px;
  color: #fff;
  letter-spacing: 1px;
}

.main-header.style-one .main-menu{
  float: left;
}

.main-header.style-one .menu-right-content{
  position: relative;
  float: left;
  margin-left: 88px;
}

.main-header.style-one .menu-right-content li{
  position: relative;
  float: left;
  display: inline-block;
}

.main-header.style-one .menu-right-content li.support-box{
  position: relative;
  padding: 35px 40px 19px 85px;
}

.main-header.style-one .menu-right-content li.support-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 20px;
  left: 0px;
  bottom: -20px;
}

.main-header.style-one .menu-right-content li.support-box i{
  position: absolute;
  left: 40px;
  top: 43px;
  font-size: 35px;
  line-height: 35px;
  color: #fff;
}

.main-header.style-one .menu-right-content li.support-box p{
  font-size: 15px;
  line-height: 20px;
  color: #fff;
  margin-bottom: 0px;
}

.main-header.style-one .menu-right-content li.support-box h3{
  position: relative;
  display: block;
  font-size: 22px;
  line-height: 26px;
  color: #fff;
  font-weight: 700;
}

.main-header.style-one .menu-right-content li.support-box h3 a{
  display: inline-block;
  color: #fff;
}

.main-header.style-one .menu-right-content li.support-box h3 a:hover{
  text-decoration: underline;
}



.dropdown-toggle::after {
  display: none;
}


/** main-menu **/

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation{
  margin:0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  padding: 34px 0px 34px 0px;
  margin: 0px 44px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}

.main-menu .navigation > li:last-child{
  margin-right:0px !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:16px;
  line-height:30px;
  font-weight:400;
  opacity:1;
  color:#fff;
  z-index:1;
  letter-spacing: 1px;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li > a:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.1);
  width: 1px;
  height: 25px;
  top: 3px;
  right: -44px;
}

.main-menu .navigation > li:first-child > a:after{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.1);
  width: 1px;
  height: 25px;
  top: 3px;
  left: -44px;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:220px;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  background: #121212;
  padding: 0px 0px 5px 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.main-menu .navigation > li:hover > ul > li{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-menu .navigation > li > ul > li:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+4) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+5) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+6) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+7) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+8) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding:10px 0px;
  line-height:24px;
  font-weight:400;
  font-size:15px;
  text-transform:capitalize;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{

}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > a:hover{
  
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  content: "\f105";
  position:absolute;
  right:20px;
  top:14px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  right:100%;
  top:0%;
  width:230px;
  z-index:100;
  display:none;
  padding: 10px 0px;
  background: #121212;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.main-menu .navigation > li > ul > li:hover > ul > li{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+4) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:14px 0px;
  line-height:24px;
  font-weight:400;
  font-size:16px;
  text-transform:capitalize;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 100%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 0%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0); 
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  
}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #3786ff;
  display: none;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;top:-8px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0px;
}

.main-header.style-one .sticky-header .logo-box{
  padding: 20px 0px 0 0;
}

.main-header.style-one .sticky-header .logo-box .logo img{width:auto;height:41px;}
/*------------------------------ xiala logo weizhi-----------------------*/

.main-header .sticky-header .main-menu .navigation > li{
  padding: 23px 0 0 0 !important;
}/*------------------------------ xiala menu weizhi-----------------------*/

.main-header.style-one .sticky-header .menu-right-content li.support-box {
  padding: 25px 40px 9px 85px;
}

.main-header.style-one .sticky-header .search-box-outer{
  margin-top: 28px;
}


/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu li h4{
  font-weight: 500;
  padding: 3px 0px;
  color: #fff;
}


/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:35px 25px 35px 20px;;
  text-align:left; 
  max-width: 200px; 
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #202020;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;background:url(../images/nav_icon_7.png) no-repeat;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  color: #3b3b3b;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  background:#fff url(../images/nav_icon_8.png) no-repeat;
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:0px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}
.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .social-links li a:hover{
  
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 80px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 10px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom:0px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}


/** banner-section **/

.banner-section.style-one:before{
  position: absolute;
  content: '';
  width: 100%;
  height:100%;
  left: 0px;
  top: 0px;
}

.banner-section{
  position: relative;
  overflow: hidden;
}

.banner-carousel{
  position: relative;
  overflow: hidden;
}

.banner-section.style-one .banner-carousel{
  padding-left: 100px;
}

.banner-section.style-one .banner-carousel .slide-item{
  position: relative;
 height:746px;
}

.banner-carousel .slide-item:before{
  position: absolute;
  content: '';
  width: 100%;
  height:100%;
  left: 0px;
  top: 0px;
  opacity: 0.0;
  z-index: 1;
}

.banner-carousel .slide-item .image-layer{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:746px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transition: all 6000ms linear;
  -moz-transition: all 6000ms linear;
  -ms-transition: all 6000ms linear;
  -o-transition: all 6000ms linear;
  transition: all 6000ms linear;
}
.banner-carousel .slide-item .image-layer img{width:100%;height:746px;  position:absolute;
  left:0;
  top:0;}

.banner-carousel .active .slide-item .image-layer{
  -webkit-transform:scale(1);
  -ms-transform:scale(1.05);
  transform:scale(1);
}



.banner-carousel .content-box .text .theme-btn-one{
  position: relative;
  float: right;
  margin-left: 20px;
  padding: 15px 40px;
  font-weight: 700;
  box-shadow: 0 0 0 4px rgba(255,255,255,0);
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}

.banner-section.style-one .banner-carousel .owl-nav{
  position: absolute;
  left: 25px;
  bottom: 200px;
}

.nav-style-one .owl-nav .owl-prev{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 10px;
  background: rgba(0,0,0,0.2) url(../images/nav_icon_5.png) no-repeat; filter:alpha(opacity:50); opacity:0.5;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  cursor: pointer;
}

.nav-style-one .owl-nav .owl-next{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  text-align: center;
  background: rgba(0,0,0,0.2) url(../images/nav_icon_4.png) no-repeat; filter:alpha(opacity:50); opacity:0.5;

  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  cursor: pointer;
}

.nav-style-one .owl-nav .owl-prev:hover{background: #f39346 url(../images/nav_icon_5.png) no-repeat; filter:alpha(opacity:100); opacity:1;
  
}
.nav-style-one .owl-nav .owl-next:hover{background: #f39346 url(../images/nav_icon_4.png) no-repeat;filter:alpha(opacity:100); opacity:1;
  
}

.banner-section .social-links{
  position: absolute;
  left: 25px;
  top: 55px;
}

.banner-section .social-links li{
  position: relative;
  display: block;
  margin-bottom: 15px;
}

 
.weixin {position: relative;}
.weixin img{width:28px;height:28px;opacity:0.4;filter:alpha(opacity=40);margin-top:10px;}
.weixin img.qrcode {
position: absolute;
z-index: 999;
top: -15px;
left:60px;
width: 7.5rem;
max-width: none;
height: 7.5rem;
transform: scale(0);
transform-origin: top left;
opacity: 0;
border: .3125rem solid #0085ba;
border-radius: .25rem;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}
.weixin:hover img{opacity:1;filter:alpha(opacity=100);}
.weixin:hover img.qrcode {
transform: scale(1);
opacity: 1;
}

.alibaba {position: relative;}
.alibaba img{width:28px;height:28px;opacity:0.4;filter:alpha(opacity=40);margin-top:10px;}
.alibaba img.qrcode {
position: absolute;
z-index: 999;
top: -15px;
left:60px;
width: 7.5rem;
max-width: none;
height: 7.5rem;
transform: scale(0);
transform-origin: top left;
opacity: 0;
border: .3125rem solid #0085ba;
border-radius: .25rem;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}
.alibaba:hover img{opacity:1;filter:alpha(opacity=100);}
.alibaba:hover img.qrcode {
transform: scale(1);
opacity: 1;
}

.qtqq {position: relative;}
.qtqq img{width:28px;height:28px;opacity:0.4;filter:alpha(opacity=40);margin-top:10px;}
.qtqq .qrcode {position: absolute;
z-index: 999;
top: 5px;
left:60px;
width:120px;line-height:40px;color:#fff;background:#f39346; border-radius:8px;font-size:15px;
transform: scale(0);
transform-origin: top left;
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;

}
.qtqq:hover .qrcode {transform: scale(1);opacity: 1;}
.qtqq:hover img{opacity:1;filter:alpha(opacity=100);}  
  

.banner-section .social-links li:last-child{
  margin-bottom: 0px;
}

.banner-section .social-links li a{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #7b72b1;
  background: rgba(0,0,0,0.2);
  text-align: center;
  border-radius: 50%;
  z-index: 1;
}

.banner-section .social-links li a:hover{
  color: #fff;
}

.banner-section .pattern-layer .pattern-1{
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 725px;
  height: 20px;
  background: #fff;
  z-index: 2;
}

.banner-section .pattern-layer .pattern-2{
  position: absolute;
  left: 0px;
  bottom: 20px;
  width: 865px;
  height: 20px;
  background: #fff;
  z-index: 2;
}

.banner-section .pattern-layer .pattern-3{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 395px;
  height: 20px;
  background: #fff;
  z-index: 2;
}

.banner-section .pattern-layer .pattern-4{
  position: absolute;
  right: 0px;
  bottom: 20px;
  width: 255px;
  height: 20px;
  background: #fff;
  z-index: 2;
}



/*** 

====================================================================
                        Home-Page-Two
====================================================================

***/

/** header-style-two **/

.main-header.style-two .header-top{
  position: relative;
  background: #f1f0f6;
  padding: 11px 0px;
}

.main-header.style-two .header-top .info li{font-size:15px;color:#555; 
  position: relative;
  display: inline-block;
  margin-right: 45px;
}

.main-header.style-two .header-top .info li:last-child{
  margin: 0px !important;
}

.main-header.style-two .header-top .info li a{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color:#c90000;
}

.main-header.style-two .header-top .info li a:hover{

}

.main-header.style-two .header-top .info li:before{
  position: absolute;
  content: '';
  background: #c2ccdf;
  height: 18px;
  width: 1px;
  top: 5px;
  right: -22px;
}

.main-header.style-two .header-top .info li:last-child:before{
  display: none;
}

.main-header.style-two .header-social li{
  position: relative;
  display: inline-block;
  font-size:15px;
  line-height: 24px;
  color: #555;
  font-weight: 400;
  margin-right: 0;
}

.main-header.style-two .header-social li:last-child{
  margin-right: 0px !important;
}

.main-header.style-two .header-social li a{
  display: inline-block;
  font-size: 16px;
  color: #222;
}

.main-header.style-two .header-social li a:hover{

}

.main-header.style-two .header-social li:before{
  position: absolute;
  content: '';
  background: #c2ccdf;
  height: 18px;
  width: 1px;
  top: 3px;
  right: -20px;
}

.main-header.style-two .header-social li:first-child:before,
.main-header.style-two .header-social li:last-child:before{
  display: none;
}

.main-header.style-two .header-upper .upper-info{
  position: relative;
  margin-top: 30px;
}

.main-header.style-two .header-upper .upper-info li{
  position: relative;
  display: inline-block;
  padding: 0px 0px 0px 70px;
  margin-right: 40px;
  text-align: left;
}

.main-header.style-two .header-upper .upper-info li:last-child{
  margin: 0px !important;
}

.main-header.style-two .header-upper .upper-info li i{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 55px;padding:4px 0 0 0;
  height: 55px;
  line-height: 55px;
  font-size: 20px;
  border: 2px solid #eae9f3;
  border-radius: 50%;
  text-align: center;
}

.main-header.style-two .header-upper .upper-info li h6{
  position: relative;
  display: block;
  font-size: 15px;color:#666;
  line-height: 24px;font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif;
}

.main-header.style-two .header-upper .upper-info li h5{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 26px;color:#666;
  font-weight: 500;font-family:Arial, Helvetica, sans-serif;
}

.main-header.style-two .header-upper .upper-info li h5 a{
  display: inline-block;
  color: #222;
}

.main-header.style-two .header-upper .upper-info li h5 a:hover{

}

.main-header.style-two .header-upper .logo-box .logo{
  position: relative;
  padding: 28px 0px;
}
.main-header.style-two .header-upper .logo-box .logo img{width:auto;height:55px;}

.main-header.style-two .header-lower .lower-inner{
  position: relative;
}

.main-header.style-two .header-lower .outer-box{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
}

.main-header.style-two .header-lower .outer-box:before{
  position: absolute;
  content: '';
  width: 5000px;
  height: 100%;
  top: 0px;
  right: 0px;
  z-index: -1;
}

.main-header.style-two .main-menu .navigation > li > a{
  position: relative;
  font-size: 16px;
}

.main-header.style-two .main-menu .navigation > li:first-child > a:after,
.main-header.style-two .main-menu .navigation > li:last-child > a:before{
  display: none;
}
.main-header.style-two .main-menu .navigation > li > a:before{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.1);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 12px;
  right: 0px;
}


.main-header.style-two .main-menu .navigation > li{
  margin: 0px 40px;
  padding: 25px 0;
}

.main-header.style-two .menu-right-content li{
  position: relative;
  display: inline-block;
  float: left;
}

.main-header.style-two .menu-right-content .support-box{
  padding: 20px 40px 0px 80px;
}

.main-header.style-two .menu-right-content .support-box:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 5px;
  right: 0px;
  bottom: -5px;
}

.main-header.style-two .menu-right-content .support-box i{
  position: absolute;
  left: 30px;
  top: 23px;
  color: #fff;
}


.main-header.style-two .menu-right-content .support-box h4{
  font-size:15px;
  color: #fff;line-height:15px;
  font-family:Arial, Helvetica, sans-serif;
}
.main-header.style-two .menu-right-content .support-box p{font-size:19px;color:#fff;font-weight:500; font-family:Arial, Helvetica, sans-serif;}

.main-header.style-two .search-box-outer{
  position: relative;
  padding: 28px 40px 22px 30px;
  margin: 0px;
}

.main-header.style-two .search-box-outer:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 5px;
  bottom: -5px;
  right: 0px;
}

.main-header.style-two .search-box-outer:after{
  position: absolute;
  content: '';
  background: rgba(255,255,255,0.1);
  width: 1px;
  height: 30px;
  top: 25px;
  left: 0px;
}

.main-header.style-two .sticky-header .search-box-outer:before,
.main-header.style-two .sticky-header .menu-right-content .support-box:before{
  display: none;
}


.bg-color-1{
  background: #f8f8fa;
}

@media (max-width: 1400px) {
.banner-section.style-one .banner-carousel .slide-item{height:540px;}
.banner-section.style-one .banner-carousel .slide-item .image-layer{height:540px;}
.banner-section.style-one .banner-carousel .slide-item .image-layer img{height:540px;}

.banner-section.style-one .banner-carousel .owl-nav{
  bottom: 80px;
}
}


@media (max-width: 768px){
.banner-section.style-one .banner-carousel .slide-item{height:200px;}
.banner-section.style-one .banner-carousel .slide-item .image-layer{height:200px;}
.banner-section.style-one .banner-carousel .slide-item .image-layer img{height:200px;}
.main-header.style-one .logo-box{
  padding: 20px 0px;
}

}
@media (max-width: 768px){

.menu-area .mobile-nav-toggler .icon-bar{
  margin-bottom: 5px;top:-12px;
}
}






/** page-title **/

.page-title{
  position: relative;
  padding: 174px 0px 140px 0px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.page-title:before{
  position: absolute;
  content: '';
  background: -webkit-linear-gradient(0deg, rgba(18,88,184,0.01)0%, rgba(18,88,184,0.01) 100%);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.page-title .content-box .title h1{
  position: relative;
  display: block;
  font-size: 42px;
  line-height: 60px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0px; letter-spacing:2px;padding-top:30px;
}

.page-title .content-box .bread-crumb li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  color:rgba(255,255,255,0.8);
  font-weight: 300;
  margin-right: 15px;
}

.page-title .content-box .bread-crumb li:last-child{
  margin: 0px !important;
}

.page-title .content-box .bread-crumb li a{
  color: #fff;
}

.page-title .content-box .bread-crumb li a:hover{
  
}

.page-title .content-box .bread-crumb li.shape{
  width: 15px;
  height: 5px;
  background: #fff;
  margin-right: 30px;
  top: -4px;
}

.page-title .content-box .bread-crumb li.shape:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 30px;
  height: 1px;
  left: 0px;
  top: 0px;
}

.page-title .content-box .bread-crumb li.shape:after{
  position: absolute;
  content: '';
  background: #fff;
  width: 30px;
  height: 1px;
  left: 0px;
  bottom: 0px;
}



/* 底部定导航*/
.menubox{ 
	background-color: #fafafa;
	position: relative;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	padding:9px 0;
	border-top: #eee solid 1px;
}
.menubox ul li{
	float: left;
	width: 33.33%;
	text-align: center;
}
.menubox ul li i{
	display: block;
	margin:0 auto;
	width: 25px;
	height: 25px;
}
.menubox ul li i img{
	display: none;
	margin:0 auto;
	width: 25px;
}
.menubox ul li i img:first-child{
	display: block;
}
.menubox ul li span{
	display: block;
	font-size:14px;
	color: #666;
	line-height: 140%;
}
.menubox ul li.cur i img:first-child{
	display: none;
}
.menubox ul li.cur i img:last-child{
	display: block;
}
.menubox ul li.cur span{
	color: #3385cc;
}
.menubox dl{
	position: absolute;
	right: 0;
	width: 36%;
	background-color: #fafafa;
	text-align: center;
	padding: 1% 0;
	border:#ddd solid 1px;
	border-bottom: 0;
	display: none;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}
.menubox dl dd{
	line-height: 320%;
	border-top: #ddd solid 1px;
}
.menubox dl dd:first-child{
	border:0;
}
.menubox dl a{
	display: block;
	color: #666;
	font-size: 15px;
}
.menubox dl a:active{
	color: #fff;
	background-color: #3385cc;
}

@media (min-width:768px) and (max-width:1920px) {
.menubox{display:none;}
}

/* 底部定导航*/

/* 分页 */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:100%;margin:0 auto;padding:30px 0 30px 0; clear:both;margin-bottom:20px;}
.page a,.page span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:0px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px;line-height:25px;} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44;height:25px;line-height:25px;} /* 当前链接有激活时 */
.page input{padding:0px;color:#0c4797;height:23px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

.page1{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:1200px;margin:0 auto;padding:30px 0 30px 0; clear:both;margin-bottom:20px;}
.page1 a,.page1 span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:0px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px;line-height:25px;} /* SPAN和链接 */
.page1 a:hover, .page1 a.current{color:#F44;border:1px solid #F44;height:25px;line-height:25px;} /* 当前链接有激活时 */
.page1 input{padding:0px;color:#0c4797;height:23px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */


/*---弹出窗口---*/
.hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
.shang_box{width:540px;height:450px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
.shang_close{float:right;display:inline-block;}
.pro_btm{width:460px;height:auto;overflow:hidden;margin:0 auto;padding:0 0 20px 0;}
.pro_btm .box{ clear:both; overflow:hidden; margin-bottom:15px;}
.pro_btm .txt{ width:94%; height:31px; line-height:31px; padding:0 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;border:1px solid #e5e5e5;}
.pro_btm .t_1{ float:left;}
.pro_btm .t_2{ float:right;}
.pro_btm .area{ width:calc(100% - 30px); height:80px; line-height:20px; padding:5px 10px; border-radius:5px; border:0; background-color:#FFF; outline:none;font-size:15px;font-family: "Microsoft YaHei",SimSun,Helvetica,sans-serif;border:1px solid #e5e5e5; }
.pro_btm .btn{ float:left; width:92px;text-align:center; background-color:#2bafee; color:#FFF; border-radius:5px; border:0; font-size:15px;overflow:hidden;line-height:28px;}
.pro_btm .btn a:hover{color:#fff;}
.pro_btm_tit{ color:#333; font-size:26px; line-height:1; padding:40px 0 0 0;}
.pro_btm_tit p{font-size:14px;color:#888;padding-top:12px;line-height:160%;}
/*---弹出窗口---*/